<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">

	<title>少儿编程</title>
	<meta content="" name="description">
	<meta content="少儿编程" name="keywords">

	<!-- Favicons -->
	<!-- <link href="https://qn.cncoding.cn/assets/bg/1e3d825ed129e25cb0bfc54984d6a29a.ico" rel="icon"> -->

	<link href="./logo.ico" rel="icon">
	<!-- Vendor CSS Files -->

	<link href="./css/aos.css" rel="stylesheet">
	<link href="./css/bootstrap.min.css" rel="stylesheet">
	<link href="./css/bootstrap-icons.css" rel="stylesheet">
	<link href="./css/boxicons.min.css" rel="stylesheet">
	<link href="./css/glightbox.min.css" rel="stylesheet">
	<link href="./css/remixicon.css" rel="stylesheet">
	<link href="./css/swiper-bundle.min.css" rel="stylesheet">
	<link href="./css/card.css" rel="stylesheet">
	<link href="./css/pagination.css" rel="stylesheet">
	<!-- Template Main CSS File -->
	<link href="./css/style.css?v=1" rel="stylesheet">
</head>

<body data-aos-easing="ease-in-out" data-aos-duration="1000" data-aos-delay="0">

	<!-- ======= Header ======= -->
	<header id="header" class="fixed-top d-flex align-items-center">
		<div class="container d-flex align-items-center justify-content-between">

			<div class="logo">
				<h1><a href="/"><img src="./images/logo.png"></a></h1>
			</div>

			<nav id="navbar" class="navbar">
				<ul>
					<li><a class="nav-link scrollto active" href="#hero">首页</a></li>
					<!-- <li><a class="nav-link scrollto" href="#">关于我们</a></li> -->
					<li><a class="nav-link scrollto" href="#clients">课程特色</a></li>
					<li><a class="nav-link scrollto" href="#features">编程思维</a></li>
					<!-- <li><a class="nav-link scrollto" href="#">校区环境</a></li>
					<li><a class="nav-link scrollto" href="#">师资力量</a></li>
					<li><a class="nav-link scrollto" href="#">联系我们</a></li> -->
				</ul>
				<i class="bi bi-list mobile-nav-toggle"></i>
			</nav>

		</div>
	</header>
	<!-- ======= Hero Section ======= -->
	<section id="hero" class="d-flex align-items-center">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center">
					<img data-aos="fade-up" src="./images/banner.png">

					<div data-aos="fade-up" data-aos-delay="800" class="aos-init aos-animate"
						style="margin-top: 115px;">

						<a href="#" target="_blank"><img src="./images/ygdl.png " class="tImg"></a>
						<a href="#" target="_blank">
							<img src="./images/xydl.png" class="tImg" style="margin-left: 20px;"></a>
					</div>
				</div>
				<div class="col-lg-6 order-1 order-lg-2 hero-img aos-init aos-animate" data-aos="fade-left"
					data-aos-delay="200" style="margin-top: 40px;">
					<img src="./images/rw.png" class="img-fluid animated" alt="">
				</div>
			</div>
		</div>

	</section>
	<!-- End Hero -->

		<section id="clients" class="clients services">
			<img class="xq" src="./images/xq.png" alt="">
			<div class="kcts">
				<img src="./images/kcts.png" class="kctsimg" alt="">
				<div class="kctip">每个孩子在快乐魔法狮都能快乐学习，收获成长</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
						<div class="icon-box aos-init bg" data-aos="fade-up" data-aos-delay="100">
							<h4 class="title">回归思维本质</h4>
							<p class="description">
								数学思维、逻辑思维、设计思维、工程思维是快乐编程课程重点培养的四大思维。从低幼段的在游戏中培养思维，到高年级的在代码和算法中提升思维，全套课程回归思维本质，将提升思维能力放在了培养的首要位置。这是快乐学习深耕教育19年，对教育深刻理解的沉淀，也是赋予孩子面对AI时代挑战最有力的武器。
							</p>
							<img class="sw" src="./images/sw.png" alt="">
						</div>
					</div>

					<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
						<div class="icon-box aos-init bg" data-aos="fade-up" data-aos-delay="100">
							<h4 class="title">竞赛和成绩导向</h4>
							<p class="description">
								紧盯竞赛风向标，满足家长对孩子学习强目标性的需求。以最短的时间让孩子在竞赛中取得优秀成绩，与竞赛和成绩无关的内容减少学时，以节约孩子宝贵的课余时间。</p>
							<img class="sw" src="./images/js.png" alt="">
						</div>
					</div>

					<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
						<div class="icon-box aos-init bg" data-aos="fade-up" data-aos-delay="100">
							<h4 class="title">趣味与实践并重</h4>
							<p class="description">
								通过游戏化的学习环境和实践项目，将枯燥的编程语法学习转变为解谜游戏和创造性任务，使孩子在玩乐中学习，享受编程的乐趣。课程设计强调实践操作，鼓励学生通过项目制作，软件开发等活动，将学到的知识应用到实际中，提升解决实际问题的能力。
							</p>
							<img class="sw" src="./images/qw.png" alt="">
						</div>
					</div>

					<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
						<div class="icon-box aos-init bg" data-aos="fade-up" data-aos-delay="100">
							<h4 class="title">系统化与个性化并举</h4>
							<p class="description">
								从基础的编程概念出发，逐步深入，形成系统的学习路径。课程内容涵盖从简单的图形编程到复杂的编程语言，适合不同年龄段和能力水平的儿童。通过智能化学习平台，对学生的学习进度、兴趣爱好进行分析，提供个性化的学习建议和课程调整，以满足每个孩子不同的学习需求。
							</p>
							<img class="sw" src="./images/xth.png" alt="">
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="features" class="features">
			<div class="container">
				<img class="xh" src="./images/xh.png" alt="">
				<div class="kcts">
					<img src="./images/bcsw.png" class="kctsimg" alt="">
					<div class="kctip">每个孩子在快乐魔法狮都能快乐学习，收获成长</div>
				</div>

				<div style="margin-top: 80px;padding: 30px 10px" class="row aos-init bg" data-aos="fade-up"
					data-aos-delay="300">
					<div class="col-lg-3 col-md-4 bor-right">
						<div class="icon-box">
							<div class="ydlj"></div>
							<div class="name">阅读理解</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-4 bor-right">
						<div class="icon-box">
							<div class="xzbd"></div>
							<div class="name">写作表达</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-4 bor-right">
						<div class="icon-box">
							<div class="shcs"></div>
							<div class="name">生活常识</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-4">
						<div class="icon-box">
							<div class="rwxy"></div>
							<div class="name">人文修养</div>
						</div>
					</div>
					<img class="img" src="./images/line.png" alt="">
					<div class="col-lg-3 col-md-4 mt-4 bor-right">
						<div class="icon-box">
							<div class="kxsy"></div>
							<div class="name">科学素养</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-4 mt-4 bor-right">
						<div class="icon-box">
							<div class="sxsw"></div>
							<div class="name">数学思维</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-4 mt-4 bor-right">
						<div class="icon-box">
							<div class="ysjq"></div>
							<div class="name">运算技巧</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-4 mt-4">
						<div class="icon-box">
							<div class="sjfx"></div>
							<div class="name">数据分析</div>
						</div>
					</div>
				</div>

			</div>
		</section>
		<img class="yxzs" src="./images/yxzs.png" alt="" />
		<footer id="footer">
			<div class="container">
				<div class="row top">
					<div class="col-lg-6 text-lg-left text-left">
						<img class="footer-img-logo" src="./images/logo.png" mode="aspectFit|aspectFill|widthFix" />
					</div>
					<div class="col-lg-6">
						<nav class="footer-links text-lg-right text-center pt-2 pt-lg-0">
							<a href="#hero" class="scrollto">首页</a>
							<a href="#" class="scrollto">关于我们</a>
						</nav>
					</div>
				</div>
				<div class="fline">
				</div>
				
				<div class="row bottom">
					©Copyright 快乐魔法狮.All Rrights Reserved 沪ICP备202131393号-1
				</div>
			</div>
		</footer>
		
	<script src="js/purecounter_vanilla.js"></script>
	<script src="js/aos.js"></script>
	<script src="js/bootstrap.bundle.min.js"></script>
	<script src="js/glightbox.min.js"></script>
	<script src="js/isotope.pkgd.min.js"></script>
	<script src="js/swiper-bundle.min.js"></script>
	<script src="js/validate.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/awesome-qr.js"> </script>
	<script src="js/pagination.min.js"> </script>
	<script src="js/main.js"></script>
</body>

</html>